:root{
  --orange-background:#eb5d1e;
  --orange-border:#eb5d1e;
  --orange-fontcolor:#eb5d1e;
  --hero-background:#371577;
  --sandel-background:#fffaef;
  --faq-listbackground:#f8f8f8;
  --quote-border:#f2e4ca;
  --white:#fff; 
  --backtotop:#180145;
  --header:#290967;
  --whitebg:#fff;
  --banner-content:#2c2c2c;
  --black:#000;
  --review_logo_bg:#383838;
  --banner-available-color: #656565;
  --payment_method-border:#d8d8d8;
  --terms:#006ae5 ;
  --about-font:#585858;
  --rememmber-points: #f2e4ca;
  --verified-content:#1d1d1d;
  --recommend-heading6:#1a1a1a;
  --recommend-p:#5c5c5c;
  --summary-border:#eaeaea;
  --faq-p:#4d4d4d;
  --payment-border:#e3e3e3;
}


/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/

@font-face {
  font-family: 'poppins';
  src: url(../fonts/poppins/Poppins-Bold.otf);
  font-style: bold;
  font-weight: 700;
}
@font-face {
  font-family: 'Khand';
  src: url(../fonts/Khand/Khand-Bold.ttf);
  font-style: bold;
  font-weight: 700;
}
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "Open Sans", sans-serif;
  color: #000;
  background-color: var(--sandel-background);
}
a:hover{
  text-decoration: none;
}
h1, h2 {
  font-family: "khand", sans-serif;
}
h3,h4,h5,h6,p{
  font-family: "poppins";
}
hr{
  border-top: 2px solid var(--orange-border);
}
.faq-section-bg{
  background-color: var(--faq-listbackground);
}
.sec-padding{
  padding: 0px;
}
.rating-count{
  display: flex;
  flex-direction: row;
  text-align: center;
  margin: auto;
  margin: 5px 0px;
  }
.rating-count .rating-star{
  display:flex;
  padding:0;
  }
 .rating-count .rating-star .rating-number{
  font-size: 15px !important;
  margin-left: 10px !important;
  font-weight: 500;
  margin-top: 0;
  }
 .rating-count .rating-star .rating-number span{
  font-size: 15px;
  font-weight: bold;
  }
.single-star{
  margin:01px 1px;
  width: 20px;
  height: 20px;
  }
  @media(max-width:425px){
    .rating-count .rating-star{
      display:flex;
      flex-flow: wrap;
      padding:0;
      justify-content: center;
      }
  }
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  display: none;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
}

.back-to-top i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background: var(--hero-background);
  color: var(--white);
  transition: all 0.4s;
}

.back-to-top i:hover {
  background: var(--backtotop);
  color: var(--white);
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 25px 0;
  overflow: hidden;
}
.play_btn, .play_btn:hover{
  color: #fff;
  background-color: var(--orange-background);
  border-radius: 5px;
  padding: 6px;
  width: 100%;
  text-align: center;
}

.orange-section-bg {
  background-color: var(--orange-background);
}

.section-title {
  text-align: center;
  padding-bottom: 10px;
}

.section-title h2 {
  font-size: 36px;
  font-weight: 600;
  font-family: 'Khand', sans-serif;
  text-transform: uppercase;
  padding-bottom: 0px;
  position: relative;
  color: var(--orange-fontcolor);
  text-align: left;
}
.section-title h3 {
  font-size: 22px;
  font-weight: 600;
  font-family: 'poppins', sans-serif;
  padding-bottom: 0px;
  position: relative;
  color: var(--orange-fontcolor);
  text-align: left;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.head{
  padding: 20px;
  margin: 0px;
  background:var(--hero-background);

}
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 15px 0;
}

#header.header-scrolled, #header.header-inner-pages {
  background: var(--header);
}


#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
}

#header .logo a {
  color: var(--white);
}

#header .logo img {
  max-height: 40px;
}
.lightbox-gallery{
  display:flex;
  width: 100%;
}
.lightbox-gallery a{
  margin: 3px;
}
.lightbox{
 position:fixed !important;
}
@media(max-width:768px){
    .lightbox{
        top:0% ! important;
    }
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

.nav-menu a {
  display: block;
  position: relative;
  color: var(--white);
  transition: 0.3s;
  font-size: 15px;
  letter-spacing: 0.5px;
  font-weight: 500;
  font-family: "Open Sans", sans-serif;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: var(--orange-fontcolor);
}

.nav-menu .drop-down ul {
  border-radius: 8px;
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: var(--whitebg);
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #0c3c53;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
  color: var(--orange-fontcolor);
}

.nav-menu .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Get Startet Button */
.get-started-btn {
  margin-left: 25px;
  color: var(--white);
  border-radius: 50px;
  padding: 6px 25px 7px 25px;
  white-space: nowrap;
  transition: 0.3s;
  font-size: 14px;
  display: inline-block;
  /* border: 2px solid #47b2e4; */
  font-weight: 600;
}

/* .get-started-btn:hover {
  background: #31a9e1;
  color: #fff;
} */

@media (max-width: 768px) {
  .get-started-btn {
    margin: 0 48px 0 0;
    padding: 6px 20px 7px 20px;
  }
}

/* Mobile Navigation */
.mobile-nav-toggle {
  position: fixed;
  top: 20px;
  right: 15px;
  z-index: 9998;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  color: var(--white);
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: var(--white);
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #37517e;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: var(--orange-fontcolor);
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea99";
  font-family: IcoFont;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\eaa1";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(40, 58, 90, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  background:var(--hero-background);
  height: 30rem;
  overflow:visible;

}

#hero .banner{
  background-color:var(--whitebg);
  padding: 25px;
  color: #000;
  margin-top: 280px; 
  box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.16);
}
#hero .banner h5{ 
  font-size: 18px;
  color:var(--banner-content);
 
  }
#hero .banner .review_logo{ 
  background-color:var(--review_logo_bg);
  width: 284px;
  height: 252px;
  border-radius: 5px;
}
#hero .banner .review_rating { 
  padding:0px  30px;
}

#hero .banner .review_rating h5{ 
font-size: 18px;
color: var(--banner-content);
}
/* #hero .banner .review_rating img{ 
  width: 40%;
 } */
#hero .banner .review_rating h3{ 
  /* margin:10px 0px; */
font-size: 34px;
color: var(--banner-content);
font-weight: bold;
}
#hero .banner .review_rating a{ 
  margin:10px 0px;
font-size: 18px;
color: var(--white);
background-color: var(--orange-background);
font-weight: bold;
text-align: center;
width: 253px;
padding: 16px ;
border-radius: 5px;
}
#hero .banner .Available img{ 
  /* width: 30%; */
  margin-bottom: 40px;
 }
#hero .banner .Available p{ 
  color:var(--banner-available-color);
  font-size: 15px;
 }
 #hero .banner .row2 {
  margin: 15px 0px;
  margin-left: -29px;
}
#hero .banner .row2 .review_screenshot{
  padding-right: 29px;
}
#hero .banner .row2 .payment_method .payment_img{
  margin: 0px;
  padding: 0px 0px 4px 0px;
  
}
 #hero .banner .row2 .payment_method img{
  width: 76px;
  height: 42px;
  border:1px solid  var(--payment_method-border);
  padding: 5px;
  filter: grayscale(100);
  object-fit: contain;
}
 #hero .banner .row2 .payment_method img{
  width: 76px;
  height: 42px;
  border:1px solid var(--payment_method-border);
  padding: 5px;
  filter: grayscale(100);
}
 #hero .banner .row2 .payment_method img:hover{

  filter: none;
}

#hero .banner .row2 .payment_method .payment_link{
 margin-top: 10px;
 padding: 0px;
}
#hero .banner .row2 .payment_method .payment_link a{
 font-size: 14px;
  padding: 11px;
  border:1px solid var(--payment_method-border);
  }
  
#hero .banner .row2 .Approved img{
  width: 132px;
  height: 26px;
  filter: grayscale(100);
  object-fit: contain;
  }
  #hero .banner .row2 .Approved .sequre{
    width: 40px;
  height: 47px;
  filter: grayscale(100);
  }
  #hero .banner .row3 .terms p{
    margin: 15px 0px;
    margin-left: -12px;
    color: var(--terms);
    font-size: 14px;
  }
  @media (max-width: 1399px) {
   
    #hero .banner .row2 .payment_method img {
      width: 74px;
      height: 42px;
      border: 1px solid var(--payment_method-border);
      padding: 5px;
      filter: grayscale(100);
  }
  }
@media (max-width: 991px) {
 
  #hero .banner {
    background-color: var(--whitebg);
    padding: 25px;
    color: var(--black);
    margin-top: 73%;
}
  #hero .banner .review_rating h3{
    font-size: 25px;
  }
/*  #hero .banner .review_rating img {*/
/*    width: 90%;*/
/*}*/
  #hero .banner .row2 .review_screenshot img{
    width: 100%;
  }
}
@media (max-width: 767px) {
  #hero .banner {
    background-color:var(--whitebg);
    padding: 25px;
    color: var(--black);
    margin-top: 140%;
}
.about_casino {
  margin-top: 65% ;
  overflow: visible;
}
  #hero .banner .review_rating h3{
    font-size: 22px;
  }
/*  #hero .banner .review_rating img {*/
/*    width: 90%;*/
/*}*/
  #hero .banner .row2 .review_screenshot img{
    width: auto;
  }
  #hero .banner .review_rating a {
    margin: 0px 0px;
    font-size: 18px;
    color: var(--white);
    background-color: var(--orange-background);
    font-weight: bold;
    text-align: center;
    width: 210px;
    padding: 6px;
    border-radius: 5px;
}
}
@media (max-width: 576px) {
  #hero {
    width: 100%;
    background: var(--hero-background);
    height: auto;
    overflow: visible;
}
#hero .banner {
  background-color: var(--whitebg);
  padding: 25px;
  color: var(--black);
  margin-top: 30px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}
#hero .banner .review_logo {
  background-color:var(--review_logo_bg);
  width: 284px;
  height: 252px;
  border-radius: 5px;
  margin-left: auto;
  margin-right: auto;
}
#hero .banner .review_rating {
  padding: 0px 30px;
  text-align: center;
}

/*  #hero .banner .review_rating img {*/
/*    width: 37%;*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*}*/
.rating-count .rating-star{
    flex-flow: nowrap;
    
}
#hero .banner .review_rating img{
    margin:2px;
}
  #hero .banner .row2 .review_screenshot img{
    width: auto;
  }
  #hero .banner .review_rating a {
    width: 50%; 
    margin: 0px auto;
    font-size: 18px;
   }
   #hero .banner .Available{
        text-align: center;
    }
    #hero .banner .Available img{
      margin: 0px auto;
    }
    #hero .banner .review_screenshot .Screen_image {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
  }
  #hero .banner .row2 .review_screenshot img {
    width: 40%;
    margin: 10px;
}
#hero .banner .row2 .payment_method .payment_img {
   margin: 0px; 
   padding: 0px 0px 0px 0px; 
}
#hero .banner .row2 .payment_method .review_payment_logos {
  position: relative;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100px;
  height:80px;
}
  #hero .banner .row2 .payment  {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 6px;
}
  #hero .banner .row2 .payment img,#hero .banner .row2 .payment img:hover  {
    width: 52%;
    height: 62%;
}
#hero .banner .row2 .payment_method .payment_link a {
  font-size: 14px;
  padding: 16px 30px;
  border: 1px solid var(--payment_method-border);
}
}
@media (max-width: 475px) {
  #hero .banner .row2 .review_screenshot img {
     width: auto;
    margin: 10px;
}
#hero .banner .row2 .payment img, #hero .banner .row2 .payment img:hover {
  width: 90%;
  height: 62%;
}
#hero .banner .row2 .payment_method .payment_link a {
  font-size: 14px;
  padding: 13px 19px;
  margin-left:16px;
  border: 1px solid var(--payment_method-border);
}
#hero .banner .row2 .Approved img {
  margin: 5px 0px;
  }
}
@media (max-width: 375px) {
  #hero .banner .row2 .review_screenshot img {
     width: auto;
    margin: 10px;
}
#hero .banner .row2 .payment img, #hero .banner .row2 .payment img:hover {
  width: 90%;
  height: 62%;
}
#hero .banner .row2 .payment_method .payment_link a {
  font-size: 14px;
  padding: 13px 19px;
  margin-left: 9px;
  border: 1px solid var(--payment_method-border);
}
#hero .banner .row2 .Approved img {
  margin: 5px 0px;
  }
}
/*--------------------------------------------------------------
# About Casino
--------------------------------------------------------------*/

.about_casino{
  margin-top: 150px;
  overflow: visible;
}
.about_casino .about_review p{
  color: #585858 var(-);
  padding: 10px;
  font-size: 15px;
  font-weight: normal;
}
.about_casino .about_review {
  padding: 0px;
  margin: 0px;
}
.about_casino .about_review p{
  padding: 0px;
}
.about_casino .about_review .bold{
  color: var(--about-font);
  font-size: 16px;
  font-weight: 600;
  padding: 0px;
}
.about_casino .about_review .rememmber_points  {
  background-color: var(--whitebg);
  padding: 25px;
  border: solid 2px var(--rememmber-points);
  border-radius: 5px;
  margin: 0px;
}
.about_casino .about_review .right_colum {

  margin: 0px;
}
.about_casino .about_review .rememmber_points ul {
  /* list-style-image:url(../img/spade.png); */
  list-style: none;
  padding: 10px;
}
.about_casino .about_review .rememmber_points ul li{
  display: flex;
}
.about_casino .about_review .rememmber_points ul li::before{
  content:  url(../img/spade.png);
  display:  inline-block;
  vertical-align:  middle;
  margin-right:1em;
  margin-top: 4px;
}
.about_casino .about_review .rememmber_points .spade{
  margin-top: 13px;
}
.about_casino .about_review .about_right{
  padding: 20px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: solid 2px var(--rememmber-points);
  background-color: var(--whitebg);
  margin: 10px 0px;
} 
.about_casino .about_review .about_right .inner_content{
  padding: 15px;
} 
.about_casino .about_review .about_right .inner_content .icon{
width: 40px;
} 
.about_casino .about_review .review_right {
  padding: 20px 47px;
  border-radius: 5px;
  border: solid 2px var(--rememmber-points);
  background-color: var(--whitebg);
  margin: 10px 0px;
}

.about_casino .about_review .review_right  h5{
  font-size: 24px;
  color:var(--banner-content);
  font-weight: 600;
  font-size: 24px;
  margin: 16px -10px;
  }
.about_casino .about_review .review_right .inner_row .review_img{
  background-color: var(--review_logo_bg);
  border-radius: 5px;
  height: 80px;
  width: 80px;
}
.about_casino .about_review .review_right .inner_row .review_img .review_right_logo{
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  padding: 10px;
}
.about_casino .about_review .review_right .inner_row .review_img img{
width: 100%;
height: 100%;
}
.about_casino .about_review .review_right .inner_row .review_name h4{
font-size: 18px;
}
.about_casino .about_review .review_right .inner_row a{
  margin: 10px 0px;
  font-size: 18px;
  color: var(--white);
  background-color: var(--orange-background);
  font-weight: bold;
  text-align: center;
  width: 100%;
  padding: 8px 84px;
  border-radius: 5px;
}
@media (max-width: 1400px) {
.about_casino {
  overflow: visible;
}

}
@media (max-width: 1024px) {
.about_casino {
  margin-top: 16% ;
  overflow: visible;
}
}
@media (max-width: 991px) {
.about_casino {
  margin-top: 450px ;
  overflow: visible;
}
}
@media (max-width: 767px) {
.about_casino {
  margin-top: 650px;
  overflow: visible;
}
.rememmber_points img{
    width:130%;
}
}
@media (max-width: 576px) {
.about_casino {
  margin-top: 0px;
  overflow: visible;
}
.about_casino .about_review .right_colum{
    padding:0px;
}
.about_casino .about_review .review_right .inner_row a {
  padding: 8px 24%;
  
}
}
/*--------------------------------------------------------------
# Good banner
--------------------------------------------------------------*/
.good_banner{
  background-image: url(../img/review-good-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  /* width: 99.9%; */
  padding: 30px;
}
.good_banner h2{
color: var(--white) !important;
margin-bottom: 30px;
}
.good_banner p{
color: var(--white) ;
font-size:15px ;
text-align: left;
padding: 0px 10px;
}
.good_banner ul{
  list-style: none;
  padding: 10px;
}
.good_banner ul li {
display: flex;
}
.good_banner ul li::before{
  content:  url(../img/symbol-of-spades-white.png);
  display:  inline-block;
  vertical-align:  middle;
  margin-right:1em;
  margin-top: 4px;
}
@media(max-width:425px){
  .good_banner{
        width: 102%;
    }
}
/*--------------------------------------------------------------
#Signup
--------------------------------------------------------------*/
.signup_section .signup{
  margin: 20px 0px;
}
.signup_section .signup .left_content .steps{
  background-color: var(--orange-background);
  padding: 10px;
  text-align: center;
  color: var(--white);
  font-weight: 600;
  border-radius: 3px;
}
.signup_section .signup .left_content{
padding-left: 0px;
}
.signup_section .signup .left_content p{
  font-size: 15px;
  color:#5c5c5c;
}
.signup_section .signup .right_content {
  background-color: var(--white);
  border: 2px solid  var(--quote-border);
  border-radius: 5px;
  padding: 30px;
  }
.signup_section .signup .right_content .casino_logo{
  background-color:var(--review_logo_bg);
  border-radius: 5px;
  height: 80px;
  width: 80px;
}
.signup_section .signup .right_content .casino_logo img{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.signup_section .signup .right_content .casino_logo .signup_casino_logo{
  position: relative;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

.signup_section .signup .right_content  h5{
  color:  var(--banner-content);
  font-size: 24px;
  margin-top: -10px;
  font-weight: 600;
}
.signup_section .signup .right_content  p{
  color:var(--about-font);
  font-size: 15px;
  margin-top: 5px;
}
.signup_section .casino_bonus .inner_column{
  border-left: 5px solid var(--orange-border);
  margin-bottom: 10px;
  
}
.signup_section .casino_bonus {
margin: 0px;
}
.signup_section .casino_bonus .bold{
  font-size: 38px;
  font-weight: 600;
  color: var(--orange-fontcolor);
  margin: 0px;
}
.signup_section .casino_bonus p{
  font-size: 18px;
  font-weight: 600;
  color: var(--orange-fontcolor);
  margin: 0px;
}
.signup_section .bonus_content{
  margin: 50px 0px;
  color: var(--about-font);
  font-size: 15px;
  font-weight: 400;

}
.signup_section .bonus_content_left{
  padding: 0px;
}
.signup_section .verified{
  background-color: var(--whitebg);
  border-radius: 5px;
  border: solid 2px var(--quote-border);
  padding: 30px;
  width: 100%;
  margin: auto 0px;
}
.signup_section .verified h1{
  font-size: 38px;
  font-weight: bold;
  text-align: left;
  color: var(--orange-fontcolor);
}
.signup_section .verified p{
  font-size: 15px;
  font-weight: 400;
  text-align: left;
  color:var(--verified-content);
}
.signup_section .verified .btn{
  margin: auto 0px;
  width: 100%;
}
.signup_section .verified .play_btn{
  display: flex;
    justify-content: center;
  color: var(--white);
  background-color: var(--orange-background);
  border-radius: 5px;
  width: 100%;
  padding: 10px;
  text-align: center;

}
@media (max-width: 1200px) {
  .signup_section .verified .play_btn{
    width: 100%;
    padding: 10px 30%;
  }
}
@media (max-width: 991px) {
  .signup_section .verified .play_btn{
    width: 100%;
    padding: 10px 23%;
  }
}
@media(max-width:425px){
  .signup_section .signup .signup_section .signup{
    padding-left: 0px;
  }
  .signup_section .bonus_content_right{
    padding: 0px;
  }
}
/*--------------------------------------------------------------
# Casino Experience
--------------------------------------------------------------*/
/* left side content*/
.Casino_Experience {
  background-color: var(--white);
  color: var(--about-font);
  }
  .Casino_Experience  p{
    font-size: 15px;
    }
    .Casino_Experience .left_content{
      padding: 0px;
    }
    .Casino_Experience .left_content .left_side{
      margin: 0px;
    }
  .Casino_Experience .left_content .desktop, .Casino_Experience .left_content .Mobile, .Casino_Experience .left_content .bank{
    margin: 10px 0px;
  }
  .Casino_Experience .left_content img{
    width: 100%;
    padding: 0px 15px;
  }
/*right side content*/
.Casino_Experience .right_content {
  margin-top:0px !important;
}
.Casino_Experience .right_content h5{
margin: 5px auto;
color: var(--banner-content);
font-size: 16px;
font-weight: 600;
}
.Casino_Experience .right_content p{
margin-bottom:0px;
font-size: 14px;
color: var(--banner-content);
}
.Casino_Experience .right_content .top_casino_list{
  margin: 0px;
}
.Casino_Experience .right_content .top_casino_list .casino_lists {
  margin: 0px;
  padding: 0;
  margin-bottom: 18px;

}
.Casino_Experience .right_content .top_casino_list .single_casino{
  margin: 10px 0px;
}
/* .Casino_Experience .right_content .top_casino_list .single_casino .logo_bg{
  background-color: #383838;
  border-radius: 5px;
} */
.Casino_Experience .right_content .top_casino_list .single_casino .logo_bg img{
/* width: 100%; */
padding: 8px 0px;
}
.Casino_Experience .right_content .top_casino_list .cssino_btn{
  color: #fff;
  background-color: var(--orange-background);
  width: 100%;
  font-weight: 600;
  text-align: center;
  padding: 15px ;
  border-radius: 5px;
}
/*right side content*/

.Casino_Experience .right_content {
  margin-top: 30px;
}

.Casino_Experience .right_content h5{
margin: 5px auto;
color: var(--banner-content);
font-size: 16px;
font-weight: 600;
}

.Casino_Experience .right_content p{
  padding: 0px;
margin-bottom:0px;
font-size: 14px;
color: var(--banner-content);
}


.Casino_Experience .right_content .top_casino_list .single_casino .logo_bg{
  background-color:var(--review_logo_bg);
  border-radius: 5px;
  margin: 0;
  padding: 0;
}
.casino_logoo {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.casino_logoo img{
  padding: 10px;
}
/* .Casino_Experience .right_content .top_casino_list .single_casino .logo_bg img{
padding: 8px 0px;
} */

.Casino_Experience .right_content .top_casino_list .cssino_btn{
  color: var(--white);
  background-color: var(--orange-background);
  width: 100%;
  font-weight: 600;
  text-align: center;
  padding: 15px ;
  border-radius: 5px;
}

@media(max-width:768px){
    .Casino_Experience .right_content {
  margin-top:20px !important;
}
}
/*--------------------------------------------------------------
# Recommend
--------------------------------------------------------------*/
.recommend h2{
  text-align: center;
  font-family: 'poppins', sans-serif;
  font-size: 22px;
  color: var(--white);
  font-weight: 600;
}
.recommend .content_bg{
  background-color: var(--whitebg);
  margin:20px 40px;
  padding: 20px;
  border-radius: 5px;

}
.recommend .content h6{
  color: #1a1a1a var(--recommend-heading6);
  font-size: 18px;
  font-weight: 600;
 
}
.recommend .content p{
  color:var(--recommend-p);
  font-size: 14px;
 
}
@media(max-width:425px){
  .recommend_icon img{
    margin:5px  auto !important;
  }
}

/*--------------------------------------------------------------
#summary
--------------------------------------------------------------*/
.summary{
  padding: 15px;
}
.summary p{
  font-size: 15px;
  color: var(--about-font);
}
.summary .bottom_casino{
  border-radius: 5px;
  border: solid 2px var(  --summary-border);
  background-color: var(--whitebg);
  padding: 14.9px 44.5px 17px 16px;
  margin: 0px;
}
/* .summary .bottom_casino .logo_bg{
  background-color:#383838;
  border-radius: 7px;
  
} */
.summary .bottom_casino .logo_bg .casinoreview_logos{
  position: relative;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
  background-color: var(--review_logo_bg);
  border-radius: 7px;


}
.summary .bottom_casino .logo_bg img{
width: 100%;
padding:15px 10px;
}
.summary .bottom_casino .review_name p{
  color:  var(--banner-content);
  font-size: 16px;
  margin-bottom: 0px;
}
/* .summary .bottom_casino .review_name img{
width: 90%;
} */
.summary .bottom_casino .casino_referrral h3{
  color:  var(--banner-content);
   font-size: 26px;
  font-weight: 600;
  text-align: center;
  padding: 10px;
}
.summary .bottom_casino .play_button{
margin:auto ;
}

@media(max-width:768px) {
  .summary .bottom_casino{
    padding: 15px;
  }
  /* .summary .bottom_casino .review_name img{
    width: 60%;
    } */
    .summary .bottom_casino .logo_bg .casinoreview_logos{
      position: relative;
      top: 50%;
      left: 50%;
      -moz-transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      /* width: 100%; */
      background-color: var(--review_logo_bg);
      border-radius: 7px;
    
    
    }
}
@media(max-width:425px) {
  .summary .bottom_casino .review_name{
    text-align: center;
    }
  
}
/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
.faq h2{
  text-align: center;
}

.faq .faq-list {
  padding: 0 100px;
}

.faq .faq-list ul {
  padding: 0;
  list-style: none;
}

.faq .faq-list li + li {
  margin-top: 15px;
}

.faq .faq-list li {
  padding: 20px;
  background: var(--whitebg);
  border-radius: 4px;
  position: relative;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  outline: none;
  color:  var(--banner-content); 
}

.faq .faq-list a:hover {
color:  var(--black);
}
.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: var(--review_logo_bg);
}

.icofont-plus {
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
.icofont-minus {
  font-size: 31px;
  position: absolute;
  right: -06px;
  top: 0;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 20px 0 0;
  font-size: 14px;
  color:  var(--faq-p);
  font-weight: normal;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list a.collapsed {
  color: var(--banner-content);
  transition: 0.3s;
  font-size: 15px;
  font-weight: 600;
}

.faq .faq-list a.collapsed:hover {
  color: var(--banner-content);
}

.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}
@media(max-width:425px){
  .icofont-plus, .icofont-minus {
    font-size: 20px;
    position: absolute;
    right: -10px;
    top: 0;
}
}

/*--------------------------------------------------------------
# payment_methods
--------------------------------------------------------------*/
.payment_methods{
  background-color: #fff;
}
.payment_methods p{
text-align: center;
margin: 30px auto;
font-size: 16px;
color:  var(--about-font);
}
.payment_methods h2{
  text-align: center;
}
.payment_methods .popular_payment p{
  color:  var(--about-font);
  font-size: 16px;
  font-weight: 600;
  margin: auto 6px;
  text-align: left;
}
.payment_methods .payment_types .payment_logo{
  border: 1px solid var(--payment-border);
  margin: 5px;
  padding: 30px 50px ;
  width: 250px;
  height: 111px;
  filter: grayscale(100);
}
.payment_methods .payment_types .payment_logo .pay_logo{
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.payment_methods .payment_types .payment_imgs{
  width: 100%;
 position: relative;
 left: 50px;
}
.payment_methods .payment_types .payment_logo:hover{
 filter:none;
}
.payment_methods .payment_types .payment_logo img{
  width: 100%;
}
@media(max-width:991px){
  .payment_methods .payment_types .payment_logo {
    border: 1px solid var(--payment-border);
    margin: 5px;
    padding: 32px 18px;
    width: 250px;
    height: 111px;
}
.payment_methods .payment_types .payment_logo .pay_logo{
  width: 100%;
}
}
@media(max-width:768px){
  .payment_methods .payment_types .payment_logo {
    border: 1px solid var(--payment-border);
    margin: 5px;
    padding: 32px 18px;
    width: 250px;
    height: 111px;
}
}
@media(max-width:575px){
  .payment_methods .payment_types .payment_logo {
    border: 1px solid var(--payment-border);
    margin: 5px;
    padding: 32px 18px;
    width: 250px;
    height: 111px;
}
.payment_methods .payment_types .payment_logo img {
  width: 27%;
  /* height: 183%; */
  margin-left: auto;
  margin: 0px 37%;
}
}
@media(max-width:425px){
  .payment_methods .payment_types  {
    margin: 15px;
}
.payment_methods .payment_types .payment_imgs{
  width: 100%;
 position: relative;
 left: 0px;
}
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  font-size: 14px;
  background: var(--backtotop);
}
#footer .footer-top {
  padding: 60px 0 30px 0;
  background: var(--backtotop);
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}
#footer .footer-top .footer-contact p {
  font-size: 12px;
  line-height: 24px;
  color: var(--white);
  font-weight: 400;
}
#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: var(--white);
  position: relative;
  padding-bottom: 12px;
}
#footer .footer-top .footer-links {
  margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}
#footer .footer-top .footer-links ul a {
  color: var(--white);
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
}
#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: var(--white);
}
#footer .footer-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
  color: var(--white);
}
.footer_img {
text-align: right;
}
#footer .copyright {
  text-align: center;
}
@media (max-width: 991px) {
  .footer_img {
    text-align: center;
    padding: 20px;
    }
}
@media (max-width: 768px) {
  #footer .footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #footer .copyright {
    text-align: center;
    float: none;
  }
}